<template>
    <van-tabbar  route active-color="#fb7299" inactive-color="#999">
        <van-tabbar-item v-for="(l,i) in ftList" :key="i" replace :to="{name:l.name}" :badge="l.hot?myCarts.length:null" >
            <!-- :badge="l.hot?myCarts.length:null" -->
            <span>{{l.text}}</span>
            <template #icon="props">
                <van-icon :name="l.icon" :color="$route.name==l.name?'#fb7299':'#999'" />
            </template>
        </van-tabbar-item>
    </van-tabbar>
</template>

<script>
export default {
    data() {
        return {
            active: ''
        }
    }
}
</script>
<style lang="scss" scoped>

</style>
